<template>
    <el-aside width="200px" class="image-aside">
                <div class="top">
                    <div v-for=" i in 100 " :key="i">{{ i }}</div>
                </div>
                <div class="bottom">

                </div>
            </el-aside>
</template>

<style>
.image-aside{
    border-bottom: 1px solid #eeeeee;
    position: relative;
}


.image-aside .top{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 50px;
    overflow-y: auto;
}

.image-aside .bottom{
    position: absolute;
    right: 0;
    height: 50px;
    left: 0;
    bottom: 0;
    @apply flex items-center justify-center
}

</style>